* {
  margin: 0;
  padding: 0;
}
body {
  font: 0.16rem Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft YaHei, sans-serif;
}
li {
  list-style: none;
}
.index {
  display: none;
}
.mine {
  background-color: #eeeeee;
}
.mine_header {
  display: flex;
  justify-content: space-bettwen;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 1.08rem;
  background-color: transparent;
}
.mine_header span {
  display: inline-block;
  width: 15%;
  height: .45rem;
}
.mine_header p {
  display: flex;
  justify-content: flex-end;
  line-height: .35rem;
  width: 80%;
  height: .4rem;
}
.mine_header_left {
  background: url(../../img/mine_left.png) no-repeat center;
  background-size: 0.4rem;
}
.mine_header_xiaoxi {
  margin-right: .3rem;
  background: url(../../img/mine_xiaoxi.png) no-repeat center;
  background-size: 0.4rem;
}
.mine_header_shezhi {
  background: url(../../img/mine_shezhi.png) no-repeat center;
  background-size: 0.4rem;
}
.mine_section {
  position: relative;
  width: 100%;
  height: 4.75rem;
  background: url(../../img/mine_bg.png) no-repeat center;
  background-size: 100%;
}
.mine_section div {
  position: absolute;
  width: 1.74rem;
  height: 1.74rem;
  top: 50%;
  left: 50%;
  margin-top: -0.88rem;
  margin-left: -0.88rem;
  color: #ffffff;
  font-size: .27rem;
  text-align: center;
}
.mine_section div span {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 .27rem;
  background: url(../../img/mine_login.png) no-repeat center;
  background-size: 1.2rem;
  margin-bottom: .25rem;
}
.mine_nav {
  display: flex;
  justify-content: space-bettwen;
  align-items: center;
  background-color: #ffffff;
  width: 100%;
  height: 1.58rem;
}
.mine_nav span {
  display: inline-block;
  width: 33%;
  padding-top: .7rem;
  text-align: center;
  font-size: .3rem;
  color: #1bbc76;
}
.mine_nav_shou {
  background: url(../../img/mine_shoucang.png) no-repeat top;
  background-size: 0.52rem;
}
.mine_nav_jin {
  background: url(../../img/mine_jinnang.png) no-repeat top;
  background-size: 0.52rem;
}
.mine_nav_xing {
  background: url(../../img/mine_xingcheng.png) no-repeat top;
  background-size: 0.52rem;
}
.mine_details {
  width: 92%;
  margin: auto;
  margin-top: .35rem;
}
.mine_details p {
  line-height: 1.24rem;
  font-size: .3rem;
  border-bottom: .02rem solid #eee;
  padding-left: .9rem;
  background-color: #ffffff;
}
.mine_details p span {
  display: inline-block;
  background: url(../../img/mine_right.png) no-repeat center;
  background-size: 0.2rem;
  float: right;
  width: .22rem;
  height: .22rem;
  margin-top: .5rem;
  margin-right: .35rem;
}
.mine_mgDing {
  background: url(../../img/mine_myDing.png) no-repeat 0.27rem;
  background-size: 0.3rem;
  border-radius: .05rem .05rem 0 0;
}
.mine_mgJuan {
  background: url(../../img/mine_mgJuan.png) no-repeat 0.27rem;
  background-size: 0.3rem;
  margin-bottom: .35rem;
  border-radius: 0 0 .05rem .05rem;
}
.mine_mgZu {
  background: url(../../img/mine_mgZu.png) no-repeat 0.27rem;
  background-size: 0.3rem;
  border-radius: .05rem .05rem 0 0;
}
.mine_mgDian {
  background: url(../../img/mine_mgDian.png) no-repeat 0.27rem;
  background-size: 0.3rem;
}
.mine_mgTie {
  background: url(../../img/mine_mgTie.png) no-repeat 0.27rem;
  background-size: 0.3rem;
}
.mine_mgDa {
  background: url(../../img/mine_mgDa.png) no-repeat 0.27rem;
  background-size: 0.3rem;
}
.mine_mgBan {
  background: url(../../img/mine_mgBan.png) no-repeat 0.27rem;
  background-size: 0.3rem;
  border-radius: 0 0 .05rem .05rem;
  border: none;
}
